
  /* 不换行显示省略号 */
  .row1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
   
  /* 显示两行省略 */
  .row2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
  }
   
  // flex 布局
   
  /* flex弹性布局 */
  .fdc,
  .jc,
  .ac,
  .as,
  .jac,
  .jsa,
  .jsb,
  .jse,
  .jsbw,
  .fw,
  .jend,
  .aend,
  .jfs,
  .no-blank,
  .df {
      display: flex;
  }
   
  .ffrw {
      flex-flow: row wrap;
  }
   
  .fdc {
      flex-direction: column;
  }
   
  .jc {
      justify-content: center;
  }
   
  .ac {
      align-items: center;
  }
   
  .as {
      align-items: flex-start;
  }
   
  .ais {
      display: flex;
      align-items: stretch;
  }
   
  .aend {
      align-items: flex-end;
  }
   
  .jac {
      justify-content: center;
      align-items: center;
  }
   
  .jsa {
      justify-content: space-around;
  }
   
  .jsb {
      justify-content: space-between;
  }
   
  .jse {
      justify-content: space-evenly;
  }
   
  .jend {
      justify-content: flex-end;
  }
   
  .jfs {
      justify-content: flex-start
  }
   
  .jsbw {
      justify-content: space-between;
      flex-wrap: wrap;
  }
   
  .fw {
      flex-wrap: wrap;
  }
   
  .flexA {
      flex: auto;
  }
   
  .flexN {
      flex: none;
  }
  /* 缩进两个字宽*/
  .ti2 {
      text-indent: 2em
  }
  /*定位*/
  .tal {
      text-align: left;
  }
   
  .tac {
      text-align: center;
  }
   
  .tar {
      text-align: right;
  }
   
  .pos-r {
      position: relative;
  }
   
  .pos-a {
      position: absolute;
  }
   
  .pos-f {
      position: fixed;
  }
  .wid_100{
      width: 100%;
  }
  .hei_100{
      height: 100%;
  }
   
  /*隐藏*/
  .vish {
      visibility: hidden;
  }
   
  .overh {
      overflow: hidden;
  }